<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>学员成绩比例</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js" ></script><!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/jQuery-ui.1.10.4.min.css" />
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu" style="min-height: 692px; padding-top: 51px;">
		<div class="preloader" style="display: none;">
			<!--<div class="loader_img"><img src="./20-3-1课程任务计划-提交方案_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;"></div>-->
		</div>
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li>
							<a href="http://yth.0101data.cn/">
								成绩管理
							</a>
						</li>
						<li class="active">
							学员成绩比例
						</li>
					</ol>
					<h1>
			        学员成绩比例
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel ">
								<!--
                	作者：864478199@qq.com
                	时间：2018-03-20
                	描述：slider贡献率展示形式
                -->
								<div class="panel-body condition-filter">
									<!--<form id="form-validation" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered form layui-form">-->
										<div class="fixed-table-toolbar filter-action sub">
											<div class="row">
												<div class="col-sm-6">
													
													<div class="">
														<button type="button" class="layui-btn layui-btn-sm">
                         				 均分贡献率
                      			</button>
														<button type="button" class="layui-btn layui-btn-sm">
                         				 提交
                      			</button>
													</div>
												</div>
												<div class="col-sm-6 score-report-panel">
													<form class="layui-form">
														<div class="pull-right select-team">
															<select name="modules" lay-verify="required" lay-search="">
																<option value="">选择团队</option>
																<option value="1">团队1</option>
																<option value="2">团队2</option>
																<option value="3">团队3</option>
																<option value="4">团队4</option>
																<option value="5">团队5</option>
																<option value="6">团队6</option>
																<option value="7">团队7</option>
																<option value="8">团队8</option>
																<option value="9">团队9</option>
																<option value="10">团队10</option>
																<option value="11">团队11</option>
																<option value="12">团队12</option>
																<option value="13">团队13</option>
																<option value="14">团队14</option>
																<option value="15">团队15</option>
																<option value="16">团队16</option>
																<option value="17">团队17</option>
																<option value="18">团队18</option>
																<option value="19">团队19</option>
																<option value="20">团队20</option>
															</select>
														</div>
													</form>
												</div>
											</div>
											
										</div>

										<div class="team-gxl team-gxl2">

											<ul>
												<div class="team-name">团队1</div>
												<li>
													<div class="js-slider leader">
														<label>温锋</label>
														<div id="slider-range-max"></div>
														<input type="text" class="form-control gxl" id="amount" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>林晓晖</label>
														<div id="slider-range-max2"></div>
														<input type="text" class="form-control gxl" id="amount2" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王越</label>
														<div id="slider-range-max3"></div>
														<input type="text" class="form-control gxl" id="amount3" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王明灿</label>
														<div id="slider-range-max4"></div>
														<input type="text" class="form-control gxl" id="amount4" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王明灿</label>
														<div id="slider-range-max5"></div>
														<input type="text" class="form-control gxl" id="amount5" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王明灿</label>
														<div id="slider-range-max6"></div>
														<input type="text" class="form-control gxl" id="amount6" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>

											</ul>
											<ul>
												<div class="team-name">团队2</div>
												<li>
													<div class="js-slider leader">
														<label>陈欣</label>
														<div id="slider-range-max7"></div>
														<input type="text" class="form-control gxl" id="amount7" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>杨洋</label>
														<div id="slider-range-max8"></div>
														<input type="text" class="form-control gxl" id="amount8" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>张三</label>
														<div id="slider-range-max9"></div>
														<input type="text" class="form-control gxl" id="amount9" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>李四</label>
														<div id="slider-range-max10"></div>
														<input type="text" class="form-control gxl" id="amount10" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>张柳</label>
														<div id="slider-range-max11"></div>
														<input type="text" class="form-control gxl" id="amount11" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王五</label>
														<div id="slider-range-max12"></div>
														<input type="text" class="form-control gxl" id="amount12" disabled="disabled"/>
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>

											</ul>
										</div>

									<!--</form>-->
								</div>
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
					<!-- second table end -->
				</section>
				<!--<div class="fixed-table-loading" style="top: 42px;" style="display: none;">加载中, 请耐心等待...</div>-->
			</aside>
			<!-- /.right-side -->

		</div>
		<!-- ./wrapper -->
	</body>
	<!--
    	作者：864478199@qq.com
    	时间：2018-03-20
    	描述：jquery silder js代码
   -->
	<script>
		layui.use('form', function() {
			var form = layui.form;
			form.render();
		});
		$(function() {
			$("#slider-range-max").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount").val(ui.value);
				}
			});
			$("#amount").val($("#slider-range-max").slider("value"));

			$("#slider-range-max2").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount2").val(ui.value);
				}
			});
			$("#amount2").val($("#slider-range-max2").slider("value"));

			$("#slider-range-max3").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount3").val(ui.value);
				}
			});
			$("#amount3").val($("#slider-range-max3").slider("value"));

			$("#slider-range-max4").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount4").val(ui.value);
				}
			});
			$("#amount4").val($("#slider-range-max4").slider("value"));

			$("#slider-range-max5").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount5").val(ui.value);
				}
			});
			$("#amount5").val($("#slider-range-max5").slider("value"));

			$("#slider-range-max6").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount6").val(ui.value);
				}
			});
			$("#amount6").val($("#slider-range-max6").slider("value"));

			$("#slider-range-max7").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount7").val(ui.value);
				}
			});
			$("#amount7").val($("#slider-range-max7").slider("value"));

			$("#slider-range-max8").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount8").val(ui.value);
				}
			});
			$("#amount8").val($("#slider-range-max8").slider("value"));

			$("#slider-range-max9").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount9").val(ui.value);
				}
			});
			$("#amount9").val($("#slider-range-max9").slider("value"));

			$("#slider-range-max10").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount10").val(ui.value);
				}
			});
			$("#amount10").val($("#slider-range-max10").slider("value"));

			$("#slider-range-max11").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount11").val(ui.value);
				}
			});
			$("#amount11").val($("#slider-range-max11").slider("value"));

			$("#slider-range-max12").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount12").val(ui.value);
				}
			});
			$("#amount12").val($("#slider-range-max12").slider("value"));

		});
	</script>

</html>